import React from 'react'
import ReactDOM from 'react-dom/client'

// class 组件
class Element extends React.Component {
  // constructor(props) {
  //   this.props = props
  // }

  render() {
    return (
      <h1 title={ this.props.title }>Hello { this.props.message }</h1>
    )
  }
}

// const element = new Element({title: '标题', message: 'React'})

// 创建 root 根
const root = ReactDOM.createRoot(document.getElementById('root'))
// 在 root 根下挂载节点
root.render(
  // element.render()
  <Element title="标签属性传递的title" message="React.js" />
)